<template>
	<view id="navMainstyle" class="navigationStyle" :style="{backgroundColor: color,height: systemHeight,opacity: opacity}"></view>
</template>

<script>
	export default {
		data (){
			return {
				systemHeight: ''
			}
		},
		props: {
			color: {
				type: String,
				default: '#b5001e'
			},
			// 背景颜色透明图
			opacity: {
				type: String,
				default: '1'
			},
		},
		created() {
			let menuButtonInfo = getApp().globalData.systemMain
			this.systemHeight = menuButtonInfo.top + 'px'
		},
	}
</script>

<style>
	.navigationStyle {
		height: var(--status-bar-height);
		width: 100%;
		position: sticky;
		top: 0px;
		z-index: 999;
	}
</style>